<div class="main layui-clear">
    <h2 class="page-title">
        发表问题
    </h2>
    <div class="layui-form layui-form-pane">
        <form action="" method="post">
            <div class="layui-form-item">
                <label for="L_title" class="layui-form-label">
                    标题
                </label>
                <div class="layui-input-block">
                    <input type="text" id="L_title" name="title" required lay-verify="title"
                    autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <div class="layui-input-block">
                    <textarea id="L_content" name="content" 
                    placeholder="请输入内容" class="layui-textarea fly-editor" style="height: 260px;"></textarea>
                </div>
                <label for="L_content" class="layui-form-label" style="top: -2px;">
                    描述
                </label>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">
                        所在类别
                    </label>
                    <div class="layui-input-block">
                        <select lay-verify="required" name="cid">
                        	<option></option>
                            <?php foreach ($cateData as $v) { ?>
                            	<optgroup label="<?php echo $v['cname'] ?>">
	                                <?php foreach ($v['son'] as $value) { ?>
	                                	<option value="<?php echo $value['id'] ?>"><?php echo $value['cname'] ?></option>
	                                <?php } ?>
	                            </optgroup>
                            <?php } ?>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">
                        悬赏飞吻
                    </label>
                    <div class="layui-input-block">
                        <select name="kiss">
                            <option value="5">
                                5
                            </option>
                            <option value="20">
                                20
                            </option>
                            <option value="50">
                                50
                            </option>
                            <option value="100">
                                100
                            </option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_vercode" class="layui-form-label">
                    人类验证
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_vercode" name="vercode" required lay-verify="required"
                    placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">
                    <span style="color: #c00;">
                        <?php echo $question; ?>
                    </span>
                </div>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-filter="add" lay-submit>
                    立即发布
                </button>
            </div>
        </form>
    </div>
</div>
<script>
layui.use(['form', 'layedit'], function(){
  var form = layui.form()
  ,layer = layui.layer
  ,layedit = layui.layedit;

  	layedit.set({
	  uploadImage: {
	    url: "{:U('home/question/upload')}" //接口url
	    ,type: 'post' //默认post
	  }
	})
  
  	//创建一个编辑器
  	editIndex = layedit.build('L_content');

  	
 
  //自定义验证规则
  form.verify({
    title: function(obj){
      if(obj.length < 5){
        return '标题至少得5个字符啊';
      }
    }
  });
  
  
  
  //监听提交
  form.on('submit(add)', function(data){
    content = layedit.getContent(editIndex);
    if(content.length<20){
    	layer.msg("内容必须大于20个字符", {icon: 5});
    }else{
    	data.field.content = content;
    	$.ajax({
    		url: "{:U('home/question/post')}",
    		type: 'POST',
    		dataType: 'json',
    		data: data.field,
    	})
    	.done(function(response) {
    	   if(response.error==1){
                layer.msg(response.info, {icon: 5});
           }else{
                layer.alert(response.info, {icon: 6},function () {
                    location.href = response.url;
                });
           }
    	})
    	.fail(function() {
    		layer.msg("数据传输失败", {icon: 5});
    	})
    }
    return false;
  });
  
  
});
</script>